<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>商城</title>
    <link rel="stylesheet" href="/dingding-web/shop/css/shop.css"/>
    <link rel="stylesheet" href="/dingding-web/plugin/sweetalert/sweet-alert.min.css" />
    <script src="/dingding-web/common/js/system.js"></script>
    <script src="/dingding-web/plugin/jquery/jquery.min.js"></script>
    <script src="/dingding-web/plugin/juicer/juicer-min.js"></script>
    <script src="/dingding-web/plugin/sweetalert/sweet-alert.min.js"></script>
    <script src="/dingding-web/shop/js/shop.js"></script>
</head>
<body>

<script id="tpl" type="text/template">
  <div class="header">
    <div class="header-top">
      <div class="header-top-now">
        <span class="header-top-now-k">${integralSum}<span class="header-top-now-b">当前积分</span></span>
      </div>
    </div>
    <div class="header-bottom clear">
      <div class="header-bottom-left">
        <span onclick="window.location.href='/dingding-web/shop/recordlist.html?id=${Uid}'">订单记录</span>
      </div>
		<div class="header-bottom-right">
        <span>积分记录</span>
      </div>
    </div>
  </div>
  <div class="content">
    <div class="content-title">
      <span>热门商品</span>
    </div>
{@if itemList}
    <ul >
      {@each itemList as item}
      <li class="content-list" data-id="${item.commodityId}" value="/dingding-web/shop/coupondetail.html?userId=${Uid}&commodityType=${item.commodityType}&commodityId=${item.commodityId}&integral=${integralSum}">
        <div class="content-list-border clear">
          <div class="content-list-border-left">
            <img src="${item.commodityBackGroundPic}">
          </div>
          <div class="content-list-border-right">
            <p>${item.commodityName}</p>
            <span class="content-list-border-right-nub">${item.commodityPrice}<span class="content-list-border-right-jf">积分</span></span>
            <span class="content-list-border-right-exchange" data-type="${item.commodityType}">
			{@if item.commodityType === 3}{# 如果是保养券}
			下单
			{@else}
			兑换
			{@/if}
			</span>
          </div>
        </div>
      </li>
      {@/each}
    </ul>
{@else}
<div class="container-fluid" style="padding: 80px 0 0 0;">
        <p class="text-center" style="font-size: 16px;text-align:center;color:#999">当前暂无商品</p>
      </div>
{@/if}
  </div>
</script>

</body>
</html>